<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <h:form id="idiomaDominadoListForm">
        <p:panel header="Lista de Idiomas" style="border: none; width: 80%; margin: 0 auto;">
            <p:dataTable id="datalist" value="#{idiomaDominadoController.itemsIdiomasDominados}" var="item"
                         
                         selection="#{idiomaDominadoController.seleccion}"
                         paginator="true"
                         rowKey="#{item.idiomaDominadoPK}"
                         rows="10"
                         
                         >
                <p:ajax
                    event="rowSelect"
                    listener="#{idiomaDominadoController.selecionar()}"
                    update="eliminarBot editarBot"
                    />
                <p:column >
                    <f:facet name="header">
                        <h:outputText value="#{bundleEtiquetasES.Idioma}"/>
                    </f:facet>
                    <h:outputText value="#{item.idioma.nombre}"/>
                </p:column>
                
                <p:column >
                    <f:facet name="header">
                        <h:outputText value="#{bundleEtiquetasES.NivelHablado}"/>
                    </f:facet>
                    <h:outputText value="#{idiomaDominadoController.IdentificarNivel(item.nivelHablado)}"/>
                </p:column>
                
                <p:column >
                    <f:facet name="header">
                        <h:outputText value="#{bundleEtiquetasES.NiivelEscrito}"/>
                    </f:facet>
                    <h:outputText value="#{idiomaDominadoController.IdentificarNivel(item.nivelEscrito)}"/>
                </p:column>
                 <p:column>
                    <f:facet name="header">
                        <h:outputText value="ACCION"/>
                    </f:facet>
                     <p:commandButton id="editarBot" value="Editar" 
                                      icon="ui-icon-pencil"
                                      update=":idiomaDominadoListForm,
                                     :idiomaDominadoCreateForm:idioma,
                                     :idiomaDominadoCreateForm:hablado,
                                     :idiomaDominadoCreateForm:escrito">
                         <f:setPropertyActionListener target="#{idiomaDominadoController.selected}" value="#{item}" />
                     </p:commandButton>
                     <p:commandButton id="eliminarBot" value="Eliminar"
                                      icon="ui-icon-close"
                                      actionListener="#{idiomaDominadoController.eliminar(event,item)}"
                                      update=":idiomaDominadoListForm:datalist">
                         
                         <p:confirm header="Confirmation" message="Esta seguro que desea Eliminar?" icon="ui-icon-alert" />
                     </p:commandButton>
                </p:column>
            </p:dataTable>
        </p:panel>
           <p:confirmDialog global="true" showEffect="fade" hideEffect="explode">
                <p:commandButton value="SI" type="button" ajax="false" styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
                <p:commandButton value="NO" type="button" ajax="false" styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
            </p:confirmDialog>
    </h:form>
</ui:composition>
